{
    "componentChunkName": "component---src-templates-tagged-posts-jsx",
    "path": "/tag/HTML5 Canvas",
    "result": {"data":{"site":{"siteMetadata":{"title":"WEB EGG"}},"allMarkdownRemark":{"edges":[{"node":{"timeToRead":2,"excerpt":"この記事はHTML5 Advent calendarの16日目の記事です。 HTML5からaタグにdownloadという属性が指定可能になったようです。 この属性が指定されたaタグは、href…","fields":{"slug":"/how-to-download-with-a-tag-without-file-server/"},"frontmatter":{"date":"December 15, 2015","title":"aタグのdownload属性でサーバを介さずにファイルダウンロードする","featuredImage":null}}},{"node":{"timeToRead":5,"excerpt":"こんにちは。 画像をくっつけるツールというjsで簡単な画像処理を行うSPAを作った時に、 URLを指定して画像を読み込んで結合する、という要件があり、 この要件とcanvas周りでハマったので対象方法を残します。 何が起きたか、なぜ起きるか URLをimgタグのsrc…","fields":{"slug":"/how-to-disable-limitation-of-cors-in-html5-canvas/"},"frontmatter":{"date":"December 15, 2015","title":"canvasのCORS制限を突破する","featuredImage":null}}},{"node":{"timeToRead":7,"excerpt":"こんにちは。 今回は、力学モデル (グラフ描画アルゴリズム) – Wikipediaというグラフを描画するための面白いアルゴリズムを見つけたので、 こいつをJavaScript(CoffeeScript)とcanvas…","fields":{"slug":"/force-directed-algorithm-with-html5-canvas/"},"frontmatter":{"date":"December 20, 2013","title":"jsとcanvasでグラフの描画(力学モデル)を実装した","featuredImage":{"childImageSharp":{"fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='135'%20viewBox='0%200%20400%20135'%20preserveAspectRatio='none'%3e%3cpath%20d='M66%2013c-7%203-9%2013-3%2019l2%203h-4c-10%200-16%2013-8%2021%2012%2011%2029-6%2017-17l-2-3h3c14%200%2018-17%206-24-4-1-7-1-11%201m-36%206c-9%204-8%2020%201%2022%204%201%204%207%200%207-14%204-12%2024%202%2024%205%200%206%200%209-3l4-4v-1l-1-4c0-5-3-9-7-11-4-1-5-7%200-7%203%200%209-6%2010-10%200-3%201-4%202-4%202-1%202-1%200-1s-3-1-3-2c-2-5-10-9-17-6m302%2017c-5%203-7%209-5%2016%202%203%202%203-1%206-6%205-6%2012%200%2018l2%203-2%201-3%207c0%206%203%2011%208%2013%2013%205%2023-13%2013-21-2-2-2-2%200-5%203-4%203-10%201-14-2-2-2-2%200-3%205-3%207-11%204-17-2-6-11-8-17-4m-228%203c-2%201-7%207-7%209v7l6%207c6%203%2015%200%2018-6%200-2%202-4%203-4v-1l-2-1c0-8-10-14-18-11m94%207c-11%206-7%2024%206%2024%206%200%2012-5%2012-9l2-2h3l-3-1-2-3c0-7-11-12-18-9m91%208l-4%205-2%204v1l1%203c0%203%206%209%2010%2010%203%201%2010-2%2012-5%208-11-5-25-17-18m68%203c-6%202-10%209-7%2016%204%2013%2024%2010%2024-4%200-8-8-14-17-12M35%20109v2c2%201%202%202%200%203s-1%204%202%204c2%200%202%200%201-1-1-2-1-4%201-4l1%202c0%202%200%203%205%203h6l-1-4c0-3%200-4%202-4l1%204c-1%204%200%204%202%204s3%200%202-3c-1-7-1-7-7-7-4%200-5%200-4%202%202%201%201%206-1%207-2%200-2-1-2-4%200-4-1-5-3-5l-5%201m120%200v12c-1%201%200%201%203%201%202%200%203%200%202-1-2-1-1-3%201-3%205%200%207-6%204-9h-10'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":2.9557522123893807,"src":"/static/7eb1cf8d830fdff37571497eaba549bf/7f4a1/featured-image.png","srcSet":"/static/7eb1cf8d830fdff37571497eaba549bf/1ec58/featured-image.png 334w,\n/static/7eb1cf8d830fdff37571497eaba549bf/7f4a1/featured-image.png 604w","srcWebp":"/static/7eb1cf8d830fdff37571497eaba549bf/e33b9/featured-image.webp","srcSetWebp":"/static/7eb1cf8d830fdff37571497eaba549bf/cd98f/featured-image.webp 334w,\n/static/7eb1cf8d830fdff37571497eaba549bf/e33b9/featured-image.webp 604w","sizes":"(max-width: 604px) 100vw, 604px"}}}}}}]}},"pageContext":{"tag":"HTML5 Canvas"}},
    "staticQueryHashes": ["2585454260","2954598359"]}